<template>
        <div id="tmpl">
            <ul class="mui-table-view">
				<li v-for="item in list" class="mui-table-view-cell mui-media">
					<router-link v-bind="{to:'/news/newsinfo/'+item.id}" class="">
						<img class="mui-media-object mui-pull-left" :src="item.img_url">
						<div class="mui-media-body">
							{{item.title}}
							<p class="mui-ellipsis">{{item.zhaiyao}}</p>
							<div class="times">
								<span>发表时间：{{item.add_time | datefmt('YYYY-MM-DD HH-mm-ss')}} </span>
								<span class="click">{{item.click}} 浏览</span>
							</div>
						</div>						
					</router-link>
				</li>
			</ul>
        </div>
</template>

<script>
import common from '../../kits/common.js';
        export default{
            data(){
                return {
					list:[]
                }
			},
			created(){
				this.getnewslist();
			},
            methods:{
                getnewslist(){
					var url = common.apiDomain+'/api/getnewslist';
					
					this.$http.get(url).then(function(res){
						var body = res.body;
						if(body.status != 0){
							alert(body.message);
							return;
						}
						this.list = body.message;
					})
                }
            }
        }
</script>

<style scoped>
	.mui-table-view .mui-media-object{
		line-height: 80px;
		max-width: 80px;
	}
	.mui-table-view img{
		width: 80px;
		height: 80px;
	}
	.mui-table-view .times{
		margin-bottom: 5px;
	}
	.times{
		margin-top: 1.5em;
		font-size: 14px;
		color: #0094FF;
	}
	.times .click{
		margin-left: 20px;
	}
</style>